<template>
  <div class="container">
    <a-button type="primary" status="danger" @click="handleLogout" style="float: right">退出</a-button>
    <h4 style="text-align: center;color: #007460;font-size: 18px">欢迎使用伊莱特济宁成本计算系统</h4>
    <a-row>
      <a-col :span="8"></a-col>
      <a-col :span="8" v-permission="[state.permissionType.baojiaCalc]">
        <Calc></Calc>
      </a-col>
      <a-col :span="8"></a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup>
import {reactive, onMounted, nextTick, defineAsyncComponent} from "vue";
import PermissionType from "@/utils/permissionType";
import useUser from '@/hooks/user'
const { logout, resetInfo } = useUser()
const Calc = defineAsyncComponent(() => import('@/views/dashboard/workplace/calc.vue'));
const state = reactive({
  permissionType: PermissionType,
})
const handleLogout = () => {
  logout()
}
</script>

<style lang="less" scoped>

</style>


